<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
	<h1>Delete User Page</h1>
	<h:form>
		<h:commandButton value="back To Index" action="index" />
	</h:form>
	<h:form id="form">

		<h3>Inline</h3>
		<p:calendar value="#{calendarBean.date1}" mode="inline" id="inlineCal" />

		<h3>Popup</h3>
		<p:calendar value="#{calendarBean.date2}" id="popupCal" />

		<h3>Popup Button</h3>
		<p:calendar value="#{calendarBean.date3}" id="popupButtonCal"
			showOn="button" />

		<p:commandButton value="Submit" update="display"
			oncomplete="PF('dialog').show()" />

		<p:dialog header="Selected Dates" widgetVar="dialog" showEffect="fade"
			hideEffect="fade">

			<h:panelGrid id="display" columns="2" cellpadding="5">

				<h:outputText value="Inline Date:" />
				<h:outputText value="#{calendarBean.date1}" id="inlineDate">
					<f:convertDateTime pattern="d/M/yyyy" />
				</h:outputText>

				<h:outputText value="Popup Date:" />
				<h:outputText value="#{calendarBean.date2}" id="popupDate">
					<f:convertDateTime pattern="d/M/yyyy" />
				</h:outputText>

				<h:outputText value="Popup Button Date: " />
				<h:outputText value="#{calendarBean.date3}" id="popupButtonDate">
					<f:convertDateTime pattern="d/M/yyyy" />
				</h:outputText>

			</h:panelGrid>

		</p:dialog>

	</h:form>

</h:body>
</html>
